
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
/* body{margin:0;max-width:1920px;margin:0 auto;} */
body{margin:0;margin:0 auto;overflow-x:hidden;}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
progress{vertical-align:baseline}
[hidden],template{display:none}
a{background-color:transparent;-webkit-text-decoration-skip:objects}
a:active,a:hover{outline-width:0}
abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}
b,strong{font-weight:inherit}
b,strong{font-weight:bolder}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background-color:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none}
svg:not(:root){overflow:hidden}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
figure{margin:1em 40px}
hr{box-sizing:content-box;height:0;overflow:visible}
button,input,select,textarea{font:inherit;margin:0}
optgroup{font-weight:700}
button,input{overflow:visible}
button,select{text-transform:none}
[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}
textarea{overflow:auto}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-input-placeholder{color:inherit;opacity:.54}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}

html{font-family:"微软雅黑","Microsoft YaHei", "Helvetica Neue", Helvetica, STHeiTi, sans-serif;-webkit-text-size-adjust:none;}
html,body{-webkit-tap-highlight-color:rgba(0,0,0,0);height:100%;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
a{text-decoration: none;color:#0d3055;}
ul,ol{list-style: none;}
table{border-collapse: separate;border-spacing: 0;}
a,img{-webkit-touch-callout: none;}
a,input,button{outline:0;border:none;}
*,*:before,*:after{-webkit-box-sizing:border-box;box-sizing:border-box;}
body{background:#fff;margin:0 auto;background-attachment:fixed;font-size:14px;}
html{margin: 0 auto;color:#0d3055;}
img{display:block;max-width:100%; height:auto;}

a{-webkit-transition:.5s;-o-transition:.5s;-moz-transition:.5s;transition:.5s;}

@font-face {
    font-family:'num';
    src: url('../fonts/num.eot');
    src: url('../fonts/num.eot?#iefix') format('embedded-opentype'),
    url('../fonts/num.woff2') format('woff2'),
    url('../fonts/num.woff') format('woff'),
    url('../fonts/num.ttf') format('truetype'),
    url('../fonts/num.svg#en') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'en';
    src: url('../fonts/en.eot');
    src: url('../fonts/en.eot?#iefix') format('embedded-opentype'),
    url('../fonts/en.woff2') format('woff2'),
    url('../fonts/en.woff') format('woff'),
    url('../fonts/en.ttf') format('truetype'),
    url('../fonts/en.svg#en') format('svg');
    font-weight: normal;
    font-style: normal;
}

.font-num{font-family:'num';}

.clearfix{*zoom:1;}
.clearfix::before{display:table;content:"";}
.clearfix::after{clear:both;display:block;content:"";height:0;overflow:hidden;visibility:hidden;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}

.w1200{max-width:1200px;margin:0 auto;}
.w1400{max-width:1400px;margin:0 auto;}
.w1440{max-width:1440px;margin:0 auto;}
.w1600{max-width:1600px;margin:0 auto;}

@media screen and (max-width:1200px){.w1200{padding:0 20px;}}
@media screen and (max-width:1400px){.w1400{padding:0 20px;}}
@media screen and (max-width:1440px){.w1440{padding:0 20px;}}
@media screen and (max-width:1600px){.w1600{padding:0 20px;}}

.swiper-pagination{}
.swiper-pagination span,.swiper-button-prev,.swiper-button-next,.swiper-pagination-bullet{outline:none;}

.overh{overflow:hidden;}
.fixed{position:fixed;}

.textHidden{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.tran300{transition:300ms ease-out;-webkit-transition:300ms ease-out;-ms-transition:300ms ease-out;-moz-transition:300ms ease-out;-o-transition:300ms ease-out;}
.tran500{transition:500ms ease-out;-webkit-transition:500ms ease-out;-ms-transition:500ms ease-out;-moz-transition:500ms ease-out;-o-transition:500ms ease-out;}
.tran800{transition:800ms ease-out;-webkit-transition:800ms ease-out;-ms-transition:800ms ease-out;-moz-transition:800ms ease-out;-o-transition:800ms ease-out;}
.tran1000{transition:1000ms ease-out;-webkit-transition:1000ms ease-out;-ms-transition:1000ms ease-out;-moz-transition:1000ms ease-out;-o-transition:1000ms ease-out;}

.text-center{text-align:center;}

.header{height:200px;position:fixed;left:0;top:0;width:100%;z-index:5;}
.header .logo{width:110px;position:absolute;left:50%;margin-left:-55px;margin-top:45px;}
.header .menu{margin-top:105px;}
.header .menu .txt{font-size:18px;color:#fff;line-height:24px;margin-left:20px;}
.header .menu .click-to-header{position:relative;cursor:pointer;}
.header .menu .click-to-header .burger-btn{width:30px;height:24px;position:relative;cursor:pointer;}
.header .menu .click-to-header .burger-btn .icon-burger{position:absolute;left:0;width:100%;height:2px;background-color:#fff;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;z-index:999;}
.header .menu .click-to-header .burger-btn .icon-burger2{top:10px;}
.header .menu .click-to-header .burger-btn .icon-burger3{top:20px;}
.header .header-search{margin-top:105px;width:30px;height:45px;position:relative;}
.header .header-search input{height:30px;}
.header .header-search input[type=text]{width:310px;position:absolute;background:none;opacity:0;font-size:16px;color:#fff;padding:0px 10px;}
.header .header-search input.icon-search{width:30px;background:url(../images/icon-search.png) no-repeat center center/cover;cursor:pointer;}

.header.fixed{background:rgba(13,48,85,.9);height:112px;}
.header.fixed .logo{width:82px;margin-left:-41px;margin-top:15px;}
.header.fixed .menu{margin-top:45px;}
.header.fixed .header-search{margin-top:40px;}

@media screen and (min-width:1024px) {
    .header .header-search:hover{width:340px;border-bottom:1px solid #fff;}
    .header .header-search:hover input[type=text]{opacity:1;transition-delay:400ms;}
}
@media screen and (max-width:1025px) {
    .header{height:100px;}
    .header .menu{margin-top:40px;}
    .header .menu .txt{margin-left:10px;font-size:14px;line-height:20px;}
    .header .menu .click-to-header .burger-btn{width:26px;height:20px;}
    .header .menu .click-to-header .burger-btn .icon-burger2{top:8px;}
    .header .menu .click-to-header .burger-btn .icon-burger3{top:16px;}
    .header .logo{width:70px;margin-top:15px;margin-left:-35px;}
    .header .header-search{margin-top:40px;width:22px;height:22px;}
    .header .header-search input[type=text]{display:none;}

    .header.fixed{background:rgba(13,48,85,.9);height:55px;}
    .header.fixed .logo{width:40px;margin-left:-20px;margin-top:8px;}
    .header.fixed .menu{margin-top:19px;}
    .header.fixed .header-search{margin-top:18px;}
}

.nav{background:rgba(13,48,85,0.9);position:fixed;left:0;top:-200%;width:100%;height:100%;z-index:6;padding:100px 0px 0px 0px;}
.nav .content{position:relative;}
.nav .content .logo{position:absolute;right:0;top:35%;opacity:.15;}
.nav .content .top{}
.nav .content .top .txt{font-size:18px;color:#fff;line-height:24px;margin-left:20px;}
.nav .content .top .click-to-header{position:relative;cursor:pointer;}
.nav .content .top .click-to-header .burger-btn{min-width:30px;min-height:24px;position:relative;cursor:pointer;}
.nav .content .top .click-to-header .burger-btn .icon-burger{position:absolute;left:0;width:29px;height:2px;background-color:#fff;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;z-index:999;transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);top:10px;}
.nav .content .top .click-to-header .burger-btn .icon-burger2{top:8px;opacity:0;transform:matrix(0.86602, 0.49999, -0.49999, 0.86602, 0, 0);}
.nav .content .top .click-to-header .burger-btn .icon-burger3{top:10px;transform:matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);}

.nav .content ul li a{}
.nav .content > ul{margin-top:70px;}
.nav .content > ul > li{position:relative;margin-bottom:25px;transition:500ms ease-out;transform:translateX(100px);opacity:0;}
.nav .content > ul > li:nth-child(1){transition-delay:500ms;}
.nav .content > ul > li:nth-child(2){transition-delay:600ms;}
.nav .content > ul > li:nth-child(3){transition-delay:700ms;}
.nav .content > ul > li:nth-child(4){transition-delay:800ms;}
.nav .content > ul > li:nth-child(5){transition-delay:900ms;}
.nav .content > ul > li:nth-child(6){transition-delay:1000ms;}
.nav .content > ul > li:nth-child(7){transition-delay:1100ms;}
.nav .content > ul > li:nth-child(8){transition-delay:1200ms;}
.nav .content > ul > li:nth-child(9){transition-delay:1300ms;}
.nav .content > ul > li:nth-child(10){transition-delay:1400ms;}
.nav .content > ul > li > a{font-size:24px;color:#cea276;}
.nav .content > ul > li > a span{display:block;font-size:16px;text-transform:uppercase;}
.nav .content > ul > li ul{position:absolute;left:230px;line-height:60px;top:0;display:none;z-index:5;}
.nav .content > ul > li ul li{}
.nav .content > ul > li ul li a{font-size:20px;position:relative;color:#cea276;}
.nav .content > ul > li ul li a:before{content:'';width:20px;height:2px;background:none;top:50%;margin-top:-1px;left:-40px;position:absolute;}

.nav .content > ul > li.on > a,
.nav .content > ul > li ul li.on a{color:#fff;}
.nav .content > ul > li ul li.on a:before{background:#fff;}

.nav .content .lang{margin-top:65px;display:none;}
.nav .content .lang a{font-size:18px;color:#cea276;margin-right:25px;padding-bottom:5px;border-bottom:2px solid transparent;}
.nav .content .lang a.on{color:#fff;border-bottom:2px solid #fff;}

.nav.open{top:0;}
.nav.open .content > ul > li{transform:translateX(0px);opacity:1;}

@media screen and (min-width:1024px) {
    .nav .content > ul > li:hover{z-index:2;}
    .nav .content > ul > li:hover ul{display:block;}
    .nav .content > ul > li:hover > a{color:#fff;}

    .nav .content > ul > li:hover > a,
    .nav .content > ul > li ul li:hover a{color:#fff;}
    .nav .content > ul > li ul li:hover a:before{background:#fff;}
}
@media screen and (max-width:1025px) {
    .header{}

    .nav{padding:50px 20px;}
    .nav .content{padding-left:10%;}
    .nav .content .logo{display:none;}
    .nav .content .top .txt{font-size:16px;margin-left:10px;}

    .nav .content > ul{margin-top:30px;}
    .nav .content > ul > li{margin-bottom:15px;}
    .nav .content > ul > li > a{font-size:18px;}

    .nav .content > ul > li ul{line-height:48px;left:160px;}
    .nav .content > ul > li ul li{}
    .nav .content > ul > li ul li a{font-size:16px;}
    .nav .content > ul > li ul li a:before{width:15px;left:-25px;}

    .nav .content > ul > li.on{z-index:2;}
    .nav .content > ul > li.on ul{display:block;}

    .nav .content .lang{margin-top:30px;}
    .nav .content .lang a{font-size:16px;}
}

.search-box{background:rgba(13,48,85,0.9);position:fixed;left:0;top:-100%;width:100%;height:100%;z-index:6;padding:100px 160px 0px 160px;}
.search-box .click-to-header{position:absolute;cursor:pointer;right:160px;}
.search-box .click-to-header .burger-btn{min-width:30px;min-height:24px;position:relative;cursor:pointer;}
.search-box .click-to-header .burger-btn .icon-burger{position:absolute;left:0;width:29px;height:2px;background-color:#fff;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;z-index:999;transform:matrix(0.7071, 0.7071, -0.7071, 0.7071, 0, 0);top:10px;}
.search-box .click-to-header .burger-btn .icon-burger2{top:8px;opacity:0;transform:matrix(0.86602, 0.49999, -0.49999, 0.86602, 0, 0);}
.search-box .click-to-header .burger-btn .icon-burger3{top:10px;transform:matrix(0.7071, -0.7071, 0.7071, 0.7071, 0, 0);}
.search-box .content{width:820px;position:absolute;left:50%;margin-left:-410px;top:40%;border-bottom:1px solid #fff;}
.search-box .content input{height:85px;}
.search-box .content input[type=text]{font-size:24px;color:#fff;width:100%;background:none;padding-right:70px;}
.search-box .content input.icon-search-two{width:70px;height:85px;background:url(../images/icon-search.png) no-repeat center center;position:absolute;right:0;top:0;cursor:pointer;}

.search-box.open{top:0;}

@media screen and (max-width:1025px) {
    .search-box .click-to-header{right:20px;}
    .search-box .content{margin-left:0;left:0;right:0;margin:0px 20px;width:auto;top:30%;}
    .search-box .content input{height:40px;}
    .search-box .content input[type=text]{font-size:16px;}
    .search-box .content input.icon-search-two{width:50px;height:40px;background:url(../images/icon-search.png) no-repeat center center/22px auto;}
}

.float{position:fixed;right:30px;top:60%;z-index:6;}
.float .box{width:60px;height:60px;border-radius:100%;background:#0d3055;margin-bottom:20px;cursor:pointer;position:relative;display:block;}
.float .box.ewm{background:#0d3055 url(../images/icon-ewm.png) no-repeat center center;}
.float .box.back-top{background:#0d3055 url(../images/icon-back-top.png) no-repeat center center;}
.float .box.back-home{background:#0d3055 url(../images/icon-back-home.png) no-repeat center center;}
.float .box span{display:none;position:absolute;left:-125px;width:102px;height:102px;border-radius:3px;background:#0d3055;padding:5px;top:-25px;}
.float .box:hover span{display:block;}

@media screen and (max-width:1025px) {
    .float{right:15px;bottom:5%;top:auto;}
    .float .box{width:35px;height:35px;margin-bottom:15px;}
    .float .box.ewm{display:none;}
    .float .box.back-top{background:#0d3055 url(../images/icon-back-top.png) no-repeat center center/15px auto;}
    .float .box.back-home{background:#0d3055 url(../images/icon-back-home.png) no-repeat center center/45px auto;}
}

.footer{background:#0d3055;padding-top:60px;padding-bottom:55px;}
.footer .logo{padding-top:60px;height:268px;background:url(../images/footer-line.png) no-repeat right top;width:19%;}
.footer .footer-nav{padding-left:9%;width:24%;line-height:50px;background:url(../images/footer-line.png) no-repeat right top;}
.footer .footer-nav a{display:block;color:#cea275;font-size:20px;}
.footer .link{width:25%;padding-left:8%;background:url(../images/footer-line.png) no-repeat right top;}
.footer .link .title{font-size:20px;color:#cea275;line-height:50px;}
.footer .link .box{line-height:50px;}
.footer .link .box a{display:block;font-size:16px;color:#fff;}
.footer .img{padding-left:8%;width:32%;}
.footer .img .title{font-size:20px;color:#cea275;margin-bottom:10px;line-height:50px;}

.footer-copy{padding:25px 0;text-align:center;background:#0d3055;color:#fff;border-top:1px solid #193b5e;}
.footer-copy a{color:#fff;}

@media screen and (min-width:1024px) {
    .footer .footer-nav a:hover{color:#f5d2af;}
    .footer .link .box a:hover{color:#cea275;}
}
@media screen and (max-width:1025px) {
    .footer .logo{display:none;}

    .footer .link{width:100%;padding-left:0;margin-top:15px;background:none;}
    .footer .link .title{font-size:16px;line-height:20px;}
    .footer .link .box{line-height:22px;padding-top:10px;}
    .footer .link .box a{font-size:14px;}

    .footer{padding:30px 0;padding-top:20px;}
    .footer .footer-nav{width:100%;padding-left:0;background:none;}
    .footer .footer-nav a{font-size:16px;line-height:40px;border-bottom:1px solid #193b5e;background:url(../images/icon-footer-icon.png) no-repeat right center;}

    .footer .img{padding-left:0;margin-top:20px;width:100%;}
    .footer .img .title{font-size:16px;line-height:30px;}
    .footer .img img{width:300px;}

    .footer-copy{padding:10px 0;}
}

.page-banner{height:500px;padding-top:205px;}
.page-banner .page-tit{position:relative;text-align:center;color:#fff;}
.page-banner .page-tit .line{width:1px;height:30px;margin:0 auto;background:#e5e5e5;}
.page-banner .page-tit .en{margin-top:15px;font-size:60px;line-height:1;}
.page-banner .page-tit .en span{background:linear-gradient(to bottom, #f1e5db, rgba(255,255,255,0));-webkit-background-clip:text;color:transparent;text-transform:uppercase;font-family:'en';}
.page-banner .page-tit .cn{font-size:48px;position:relative;margin-top:-35px;font-weight:100;margin-bottom:10px;}

@media screen and (max-width:1025px) {
    .page-banner{height:260px;padding-top:125px;}
    .page-banner .page-tit .line{height:20px;}
    .page-banner .page-tit .en{font-size:30px;}
    .page-banner .page-tit .cn{font-size:18px;margin-top:-15px;}
}

.page-nav{color:#333;border-bottom:1px solid #efefef;height:80px;}
.page-nav a{color:#333;}
.page-nav ul{}
.page-nav ul li{float:left;margin-right:30px;}
.page-nav ul li:last-child{margin-right:0;}
.page-nav ul li a{display:block;line-height:78px;border-bottom:2px solid transparent;font-size:18px;padding:0px 5px;}
.page-nav ul li.on a{color:#cea376;border-bottom:2px solid #cea376;}
.page-nav .position{line-height:79px;font-size:16px;position:relative;padding-left:15px;}
.page-nav .position:before{content:'';height:20px;width:3px;top:50%;margin-top:-10px;background:#cea376;left:0;position:absolute;}

@media screen and (max-width:1025px) {
    .page-nav{height:40px;}
    .page-nav ul{float:none;white-space:nowrap;overflow-x:auto;}
    .page-nav ul li{margin-right:10px;float:none;display:inline-block;}
    .page-nav ul li a{font-size:14px;line-height:38px;}
    .page-nav .position{display:none;}
}

.page-tit{font-size:48px;text-align:center;}

@media screen and (max-width:1025px) {
    .page-tit{font-size:18px;}
}

.page{text-align:center;}
.page *{display:inline-block;width:40px;height:40px;border-radius:100%;line-height:40px;font-size:16px;background:#f6f6f6;margin:0px 2px;}
.page a.prev{background:#f6f6f6 url(../images/page-prev.png) no-repeat center center;margin-right:15px;}
.page a.next{background:#f6f6f6 url(../images/page-next.png) no-repeat center center;margin-left:15px;}
.page *.on{background:#0d3055;color:#fff;}

@media screen and (max-width:1025px) {
    .page *{display:none;}
    .page a.prev,
    .page a.next{display:inline-block;}
}

.video-pop{position:fixed;z-index:999;display:none;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.5);z-index:15;}
.video-pop .video-warp{position:absolute;top:50%;left:50%;width:70%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);}
.video-pop .video-warp video{width:100%;}
.video-pop .video-warp .video-close{position:absolute;top:-50px;right:-50px;width:38px;height:38px;background:url(../images/close-white.png) no-repeat center center/18px 18px;cursor:pointer;border:1px solid #fff;border-radius:100%;}

@media screen and (max-width:1025px) {
    .video-pop .video-warp{width:90%;}
    .video-pop .video-warp .video-close{right:0;width:20px;height:20px;top:-30px;}
}

.layer-modal{display:none;}
.layer-modal .content{padding:30px;width:720px;position:relative;height:600px;overflow:hidden;}
.layer-modal .content .close{position:absolute;width:19px;height:19px;background:url(../images/modal-close.png) no-repeat center center/cover;right:30px;top:30px;cursor:pointer;z-index:2;}
